<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>场景查看器</title>

    <link rel="stylesheet" href="http://127.0.0.1/arcgis_js_api/library/4.7/esri/css/main.css">
    <link rel="stylesheet" href="css/mainApp.css">
    <link rel="stylesheet" href="../dist/css/dextra.css">


    <script src="../dist/config.js"></script>

    <script src="http://127.0.0.1/arcgis_js_api/library/4.7/init.js"></script>
    <script>


        // Load the Map and MapView modules
        require(["esri/Map",

            "dextra/layers/GoogleImageLayer",
            "dextra/layers/GoogleImageAnnoLayer",
            "dextra/modules/viewers/SceneViewer",
            "esri/layers/ElevationLayer",


            "dojo/domReady!"], function(Map,GoogleImageLayer,GoogleImageAnnoLayer,SceneViewer,ElevationLayer) {

            var layer = new GoogleImageLayer();
            var layer1= new GoogleImageAnnoLayer();
            var elevLyr = new ElevationLayer({
                // Custom elevation service
                url: "http://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer"
            });
            var myMap = new Map({
              layers:[layer,layer1],
              ground:"world-elevation"
            });

            var sceneViewer = new SceneViewer({
                map: myMap,
                viewNode: "viewDiv",
            });

            console.log(sceneViewer);


        });
    </script>

</head>
<body>

<div id="viewDiv"></div>
</body>
</html>